<template>
	<view class="resDetail">
		<detailLst :lstData="resDetailLst"></detailLst>
	</view>
</template>

<script>
import detailLst from '../components/detailLst.vue'
export default {
	name: '',
	components:{
		detailLst
	},
	data() {
		return {
			resDetailLst:[{
				label:'考核方案',
				txt:'考核方案1'
			},{
				label:'考核周期',
				txt:'月考核'
			},{
				label:'考核时间',
				txt:'2021-8-8 -- 2021-9-8'
			},{
				label:'自我评定',
				txt:'8分'
			},{
				label:'评分说明',
				txt:'很好！'
			},{
				label:'评定人',
				txt:'张三'
			},{
				label:'考核评定',
				txt:'8分'
			},{
				label:'评分说明',
				txt:'表现不错'
			}]
		}
	},
	methods: {
	},
	onReady(){
	    
	},
};
</script>

<style scoped lang="scss">
	.resDetail{
		.resDetailItem{
			display: flex;
			align-items: center;
			padding:41.66rpx 31.25rpx;
			box-sizing: border-box;
			border-bottom:1px solid #EEEEEE;
			.resDetailLabel{
				width: 166.66rpx;
				text-align: right;
				font-size: 33.33rpx;
				color: #101010;
			}
			.resDetailTxt{
				font-size: 29.16rpx;
				color:#AAAAAA;
				padding-left: 41.66rpx;
			}
			&:last-child{
				border-bottom:0px;
			}
		}
	}
</style>
